<!DOCTYPE html>
<html lang="en">
  	<head>
	    <meta charset="utf-8">
	    <title>Simplify Admin</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">

	    <!-- Bootstrap core CSS -->
	    <link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
		
		<!-- Font Awesome -->
		<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">

		<!-- ionicons -->
		
		
		<!-- Slider -->
		<link href="{{asset('/admin/css/bootstrap-slider.css')}}" rel="stylesheet"/>

		<!-- Tag Input -->
		<link href="{{asset('/admin/css/jquery.tagsinput.css')}}" rel="stylesheet">

		<!-- Date Time Picker -->
		<link href="{{asset('/admin/css/datetimepicker.css')}}" rel="stylesheet">
		
		<!-- Select2 -->
		<link href="{{asset('/admin/css/select2/select2.css')}}" rel="stylesheet"/>
		<!-- Simplify -->
		<link href="{{asset('/admin/css/simplify.min.css')}}" rel="stylesheet">
  	</head>
  	<body class="overflow-hidden">
		<div class="wrapper preload" style="padding-top:0">
			<div class="padding-md">
				<div class="smart-widget m-top-lg widget-dark-blue">
					<div class="smart-widget-header">
						商城广告
						<span class="smart-widget-option">
							<span class="refresh-icon-animated">
								<i class="fa fa-circle-o-notch fa-spin"></i>
							</span>
							<a href="#" class="widget-toggle-hidden-option">
								<i class="fa fa-cog"></i>
							</a>
							<a href="#" class="widget-collapse-option" data-toggle="collapse">
								<i class="fa fa-chevron-up"></i>
							</a>

						</span>
					</div>
					<div class="smart-widget-inner">
						<div class="smart-widget-hidden-section">
							<ul class="widget-color-list clearfix">
								<li style="background-color:#20232b;" data-color="widget-dark"></li>
								<li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
								<li style="background-color:#23b7e5;" data-color="widget-blue"></li>
								<li style="background-color:#2baab1;" data-color="widget-green"></li>
								<li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
								<li style="background-color:#fbc852;" data-color="widget-orange"></li>
								<li style="background-color:#e36159;" data-color="widget-red"></li>
								<li style="background-color:#7266ba;" data-color="widget-purple"></li>
								<li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
								<li style="background-color:#fff;" data-color="reset"></li>
							</ul>
						</div>
						<div class="smart-widget-body">
							<form method="post" action="" enctype="multipart/form-data">
								<input type="hidden" name="_token" value="{{ csrf_token() }}" />
								<input name="_method" type="hidden" value="PATCH">
								<input type="hidden" name="id" value="{{$data->id}}" />
								<div class="form-group">
									<label for="exampleInputEmail1">图片地址</label>
									<input type="file" name="source" value="{!! $data->source !!}" />
									@if(isset($data->source))
										<img src="{{asset($data->source)}}" alt="图片" style="height:200px;">
										@endif;
								</div><!-- /form-group -->
								<div class="form-group">
									<label for="exampleInputEmail1">链接</label>
									<input type="text" name="link" class="form-control" id="exampleInputEmail1" placeholder="请输入链接地址" value="{!! $data->link !!}">
								</div><!-- /form-group -->
								<div class="form-group">
									<label for="exampleInputEmail1">排序（由小到大）</label>
									<input type="text" name="sort" class="form-control" id="exampleInputEmail1" placeholder="50" value="{!! $data->sort? $data->sort:50!!}">
								</div><!-- /form-group -->

								<button type="submit" class="btn btn-success btn-sm">Submit</button>
							</form>
						</div>
					</div><!-- ./smart-widget-inner -->
				</div><!-- ./smart-widget -->
			</div><!-- /wrapper -->
		</div>
	    <!-- Le javascript
	    ================================================== -->
	    <!-- Placed at the end of the document so the pages load faster -->
		
		<!-- Jquery -->
		<script src="{{asset('/admin/js/jquery.min.js')}}"></script>
		
		<!-- Bootstrap -->
	    <script src="{{asset('/admin/js/bootstrap.min.js')}}"></script>
	  
		<!-- Popup Overlay -->
		<script src='{{asset('/admin/js/jquery.popupoverlay.min.js')}}'></script>

		<!-- Slider -->
		<script src='{{asset('/admin/js/uncompressed/bootstrap-slider.js')}}'></script>
		
		<!-- Tag Input -->
		<script src='{{asset('/admin/js/jquery.tagsinput.min.js')}}'></script>

		<!-- Moment -->
		<script src='{{asset('/admin/js/uncompressed/moment.js')}}'></script>

		<!-- Date Time picker -->
		<script src='{{asset('/admin/js/uncompressed/bootstrap-datetimepicker.js')}}'></script>

		<!-- Select2 -->
		<script src='{{asset('/admin/js/select2.min.js')}}'></script>

		<!-- Slimscroll -->
		<script src='{{asset('/admin/js/jquery.slimscroll.min.js')}}'></script>

		<!-- Modernizr -->
		<script src='{{asset('/admin/js/modernizr.min.js')}}'></script>
		
		<!-- Simplify -->
		<script src="{{asset('/admin/js/simplify/simplify.js')}}"></script>

		<script>
			$(function()	{
				//Delete Widget Confirmation
				$('#deleteWidgetConfirm').popup({
					vertical: 'top',
					pagecontainer: '.container',
					transition: 'all 0.3s'
				});

				// Slider		
				$('#horizontalSlider1').slider();
				$('#horizontalSlider2').slider();
				$('#horizontalSlider3').slider();
				$('#horizontalSlider4').slider();
				
				$('#verticalSlider1').slider();
				$('#verticalSlider2').slider();
				$('#verticalSlider3').slider();
				$('#verticalSlider4').slider();
				$('#verticalSlider5').slider();

				//Select2
				$('.select2').select2();

				//Tag Input
				$('#tagsExample').tagsInput();

				//Date & Time Picker
				$('.datepicker-input').datetimepicker({
					pickTime: false
				});

				//Date & Time Picker
				$('.timepicker-input').datetimepicker({
					pickDate: false
				});

				//Date & Time Picker
				$('.datetimepicker-input').datetimepicker();
			});
			
		</script>
	
  	</body>
</html>
